<!DOCTYPE html>
<html>
<head>
  <title>Bootstrapping your App with Test Data</title>
</head>
<body>
  <h2>xhr.html</h2>
  <p>
    This example has the client app.js make an XHR for the bootstrapped data from the server.
  </p>
  <p>
    In this recipe we are going to modify this bootstrapped data with Cypress so we can control the initial data payload.
  </p>
  <pre></pre>

  <script type="text/javascript" src="/node_modules/jquery/dist/jquery.js"></script>
  <script type="text/javascript" src="/app.js"></script>
  <script type="text/javascript">
    $(function(){
      // fetch the bootstrapped data.json file
      // and then start the app
      $.getJSON("/data.json")
      .done(function(data){
        App.start(data)
      })
    })
  </script>
</body>
</html>
